<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css" />
</head>
<body>
<div class="container-fluid">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        点击下列文字，复制批次号
                    </h4>
                </div>
                <input class="modal-body " id='copy_text' value="批次号" onclick="oCopy(this)">
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- 执行判断 -->
    <div class="modal fade" id="execute" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title glyphicon glyphicon-flag" id="myModalLabel">
                        警告
                    </h4>
                </div>
                <div class="modal-body">请完善信息</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- 执行判断end-->
    <!--违章车辆-->
    <div class="col-sm-2 list-group tab">
        <ul id="main-nav" class="main-nav nav nav-tabs nav-stacked" style="">
            <li>
                <a href="http://static.demo.ruyo.net/Bootstrap_left_menu.html2.html#list_a" class="nav-header collapsed" data-toggle="collapse">
                    <i class="glyphicon glyphicon-credit-card"></i>
                    车辆违章查询
                    <span class="pull-right glyphicon  glyphicon-chevron-toggle"></span>
                </a>
                <ol id="list_a" class="nav nav-list secondmenu collapse in">
                    <li class="active"><a class="list-group-item tab1 active">上传文件</a></li>
                    <li><a class="list-group-item tab2">执行文件</a></li>
                    <li><a class="list-group-item tab3">查看进度</a></li>
                    <li><a class="list-group-item tab4">导出文件</a></li>
                    <li><a class="list-group-item tab5">历史文件</a></li>
                </ol>
            </li>

            <li>
                <a href="http://static.demo.ruyo.net/Bootstrap_left_menu.html2.html#list_b" class="nav-header collapsed" data-toggle="collapse">
                    <i class="glyphicon glyphicon-globe"></i>
                    IPTV管理后台
                    <span class="pull-right glyphicon glyphicon-chevron-toggle"></span>
                </a>
                <ol id="list_b" class="nav nav-list secondmenu collapse">
                    <li class="active"><a class="list-group-item tab1">片单</a></li>
                    <li><a class="list-group-item tab2">资源</a></li>
                </ol>
            </li>
            <li>
                <a href="http://static.demo.ruyo.net/Bootstrap_left_menu.html2.html#list_c" class="nav-header collapsed" data-toggle="collapse">
                    <i class="glyphicon glyphicon-globe"></i>
                    网约车平台
                    <span class="pull-right glyphicon glyphicon-chevron-toggle"></span>
                </a>
                <ol id="list_c" class="nav nav-list secondmenu collapse">
                    <li class="active"><a class="list-group-item tab1">原数据</a></li>
                    <li><a class="list-group-item tab2">数据来源</a></li>
                </ol>
            </li>

        </ul>
    </div>
    <div class="col-sm-10 page_div">
        <div class="page_content">
            <div class="page0">
                <div class="row clearfix">
                    <div class="col-sm-12 column">
                        <form id="itemForm" action="/uploadBaseViolationCar" method="post" enctype="multipart/form-data" >
                            <input type="hidden" name="pic" value="${item.pic }" />
                            <tr>
                                <td>
                                    <div class="fileBox">
                                        <div class="alert alert-info" role="alert">请上传违章车辆csv文件,内容格式符合以下要求： 	车牌号、车架号、发动机</div>
                                        <div class="file_div">
                                            <button type="button" class="btn btn-primary glyphicon glyphicon-folder-open ">&nbsp文件上传</button>
                                            <input type="file" name="pictureFile" class="fileHide " id="newHeadImage" value="" onchange="dealChange()" multiple="multiple"/></div>
                                        <!--<div id="" class="fileImg">
                                            <img id="img" src=""/>
                                        </div>-->
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center"><input type="submit" value="提交" class="fileSubmit btn btn-primary btn_sub" data-toggle="modal" data-target="#myModal"/></td>
                            </tr>
                            <tr>
                                <td>
                                    <p class="file_name">上传文件名称：...</p>
                                </td>
                            </tr>
                        </form>
                        <div class="form-group">
                            <input type="text" class="form-control int_flag" id="exampleInputEmail1" name="flag" placeholder="请输入批次号">
                        </div>
                        <a href="javascript:;" class="btn_yi">
                            <button type="button" class="btn btn-primary">导出异常数据</button>
                        </a>
                    </div>
                </div>
            </div>
            <div class="page0">

                <form id="orhtrt" action="/runViolation" method="post"  >
                    <!--运营商-->
                    <div class="form-group">
                        <label>要执行的批次号</label>
                        <input type="text" class="form-control input_flag" id="exampleInputEmail1" placeholder="" name="flag">
                    </div>
                    <div class="form-group">
                        <label>填入上游通道</label>
                        <select class="form-control selectpicker">
                            <option>万物</option>
                            <option>恒达</option>
                        </select>
                    </div>
                    <!--线程数-->
                    <div class="form-group">
                        <label>输入线程数</label>
                        <input type="number" class="form-control input_thread" id="exampleInputEmail1" placeholder="" name="threadNumber">
                    </div>
                    <!--启动-->
                    <button type="button" class="btn btn-primary btn_execute" data-toggle="modal" >执行</button>
                </form>
            </div>
            <div class="page0">
                <input type="text" class="form-control flag_int"placeholder="" name="flag">
                <button type="button" class="btn btn-primary btn_see">查看</button>
            </div>
            <div class="page0">
                <div class="form-group">
                    <input type="text" class="form-control int_flag" id="exampleInputEmail1" name="flag" placeholder="请输入批次号">
                </div>
                <a href="javascript:;" class="btn_Detailed"><button type="button" class="btn btn-primary ">导出明细</button></a>
                <a href="javascript:;" class="btn_fault"><button type="button" class="btn btn-primary">导出网络故障数据</button></a>
            </div>
            <div class="page0">
                历史文件
            </div>
        </div>
        <div class="page_content">
            <div class="page0">222</div>
            <div class="page0">333</div>
        </div>
        <div class="page_content">
            <div class="page0">555</div>
            <div class="page0">666</div>
        </div>
    </div>

</div>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/index.js" ></script>
<script>
    //			document.cookie="userName=admin";
    //			javascript:alert(document.cookie)
    function oCopy(obj){
        obj.select();
        document.execCommand("Copy")
        setTimeout(function(){
            alert("成功复制批次号，Ctrl+V粘贴到“要执行的批次号内”");
        },1000)
    }
</script>
</body>
</html>
